<template>
  <div id="welcom">
    <div class="word">
      <h1>一纸心事</h1>
      <p>笔下六欲 指间七情</p>
      <p>聆听你的声音</p>
      <el-button plain @click="goto">来看看→</el-button>
    </div>
    <div class="footer">
      <p>联系我们 | 招贤纳士 |官方微信</p>
      <p><el-link href="http://beian.miit.gov.cn/" target="_blank">粤ICP备2021085110号-1</el-link></p>
    </div>
  </div>
</template>

<script>
    export default {
      name: "Welcom",
      props: {
        nextitem: Boolean,
        addnext: Function
      },
      methods: {
        goto(){
          const {nextitem,addnext} = this
          addnext(nextitem)
          this.$router.replace('/home')
        }
      }
    }
</script>

<style scoped>
  #welcom{
    height: 100%;
    text-align: center;
    font-family: 幼圆;
    background: url("../static/img/welcome.jpg") no-repeat;
    background-size: cover;
  }
  /deep/ .el-link.el-link--default {
    color: #333333;
  }
  .word,.footer{
    width: 100%;

  }
  .word{
    padding: 230px 0;
    color: #ffffff;
  }
  .word h1{
    font-size: 60px;
    margin: 0;
  }
  .word p{
    font-size: 20px;
  }
  .footer p{
    margin: 3px;
  }
  /deep/ .el-button{
    background: #93c7d4;
    border: 1px solid #0ff;
  }
 </style>
